<script setup lang="ts">
import CanvasComponent from './components/CanvasComponent.vue'
</script>

<template>
  <div class="app-container">
    <header>
      <h1>AI你画我猜游戏</h1>
      <p>在画布上作画，让AI来猜测你画的是什么！</p>
    </header>
    <main>
      <CanvasComponent />
    </main>
    <footer>
      <p>AI你画我猜游戏 &copy; 2023</p>
    </footer>
  </div>
</template>

<style scoped>
.app-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Inter', sans-serif;
}

header {
  text-align: center;
  margin-bottom: 30px;
}

header h1 {
  color: #165DFF;
  font-size: 28px;
  margin-bottom: 10px;
}

footer {
  text-align: center;
  margin-top: 30px;
  color: #666;
  font-size: 14px;
}
</style>
